<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>模板</title>
	<script src="vue/vue.js"></script>
	<link rel="stylesheet" href="bootstrap/bootstrap.min.css">
	<script src="jquery/jquery.min.js" ></script>
	<script src="bootstrap/bootstrap.min.js"></script>
	<script type="text/javascript">
		
		window.onload=function(){
			new Vue({
				el:'.container',
				data:{
					msg:'welcome to itany'
				},
				created:function(){//vue生命周期中vue对象刚创建时
					//alert('111');
				}
			});
		}
	</script>
	
</head>
<body>
	<div class="container">
		<input type="text" v-model="msg">
		<h3>aaa{{msg}}</h3><!--单向绑定-->
		<h3 v-text="msg"></h3><!--单向绑定-->
		<h3 v-html="msg"></h3><!--单向绑定-->
		<h3 v-once>{{msg}}</h3>
		<h3 v-pre>{{msg}}</h3>
	</div>
</body>
</html>